<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>日历记账软件</title>
    <link rel="stylesheet" href="./bookkeeping.css"/>
    <link rel="stylesheet" href="../../css/bootstrap.min.css">
</head>
<body>
<div class="container">
    <div class="calendar">
        <div class="header">
            <h1 id="month">
<!--                <span class="glyphicon glyphicon-chevron-left"></span>-->
                October
<!--                <span class="glyphicon glyphicon-chevron-right"></span>-->
            </h1>
        </div>
        <div class="days">
            <div class='day_item'>一</div>
            <div class='day_item'>二</div>
            <div class='day_item'>三</div>
            <div class='day_item'>四</div>
            <div class='day_item'>五</div>
            <div class='day_item'>六</div>
            <div class='day_item'>日</div>
        </div>
        <div id="dates" class="dates"></div>
        <div class="back-today" onclick="getToday()">回到今天</div>
    </div>
    <div class="bookkeeping">
        <div class="message">
            今天消费<span id="count" class="count">2</span>笔，共<span id="total" class="total">30</span>元
        </div>
        <div class="list">
            <ul>
                <li>
                    <span class="type">支出</span>
                    <span class="description">
								餐饮消费<span style="color: red;">15</span>元
                    </span>
                </li>
                <li>
                    <span class="type">收入</span>
                    <span class="description">
								9月工资<span style="color: #37F181;">1500</span>元
                    </span>
                </li>
                <li>
                    <span class="type">今天共消费<span style="color: red;">30</span>元</span>
                </li>
            </ul>
        </div>
        <form action="javascript:void(0)">
            <input placeholder="keeping your life" type="text"/>
            <select>
                <option value="input">收入</option>
                <option value="output">支出</option>
            </select>
        </form>
    </div>
</div>
</body>
<script src="../../js/jquery-3.5.1.min.js"></script>
<script src="./bookkeeping.js"></script>
</html>
